.nav {
    width: 100%;
    background: rgba(0,0,0,.9);
    color: #FFFFFF;
    border-bottom: 1px solid rgba(255,255,255,.3);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
}

.nav .layui-container {
    position: relative;
}
.nav .nav-logo {
    position: absolute;
    top: 0;
    line-height: 80px;
}
.nav-logo img {
    width: 60px;
    transition: all .3s ease-out;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out
}
.nav .nav-list {
    display: inline-block;
    height: 80px;
}

.nav .layui-nav {
    width: 100%;
    position: absolute;
    top: 60px;
    left: 100px;
    line-height: 80px;
    background: transparent;
}

.nav .layui-nav * {
    font-size: 20px;
    /*font-weight: 500;*/
}
.nav-title{
    font-weight: 600;
}
.layui-nav .layui-nav-item a{
    color: #FFF;
    line-height: 40px;
}
.layui-nav-child.layui-anim.layui-anim-upbit dd p a{font-size: 18px}
.layui-input-prefix{line-height: 38px}
.nav .layui-nav-bar, .nav .layui-nav .layui-this:after {
    height: 2px;
    background-color: #e3740f;
}
.nav .layui-nav .layui-nav-item{
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
}
.layui-nav-more{border-color: transparent transparent #e3740f!important;}
.layui-nav .layui-nav-more{
    display: none;
}
/* 产品下拉面板样式 */

/* 下拉列表样式 */
/*.layui-nav dl {*/
/*    display: none;*/
/*    position: absolute; !* 确保下拉列表相对于其最近的定位祖先元素定位 *!*/
/*    top: 80px; !* 根据需要调整 *!*/
/*    left: 0; !* 从左侧开始 *!*/
/*    width: 100%; !* 全屏宽度 *!*/
/*    background: #069; !* 背景颜色 *!*/
/*    z-index: 1000; !* 确保下拉列表在其他内容之上 *!*/
/*}*/

/*.layui-nav dl dd p{*/
/*    line-height: 40px;*/
/*}*/

/*.layui-nav li:hover dl {*/
/*    display: block;  !**!*/
/*}*/
.nav-child-title{
    border-top: #FFF 1px solid;
    border-bottom: #FFF 1px solid;
    font-weight: 600;
    line-height: 50px;
    margin-top: 20px;
}
.nav-child-title:nth-child(n+2){
    margin-top: 40px;
}
/*.layui-nav li:hover ul li {*/
/*    border-bottom: #99C 1px solid;*/
/*    border-right: none;*/
/*}*/
/* layui-nav dl */

.layui-nav .layui-nav-child a:hover {
    background-color: unset;
}
.layui-nav li dl {
    /*display: block;*/
    width: 100%;
    position: fixed;
    top: 84px;
    background: #353535;
    z-index: 2;
    left: 0; /* 确保从左侧开始 */
    margin: 0 auto; /* 移除之前的负边距 */
    padding: 0 15% 40px 15%; /* 移除可能的默认内边距 */
    box-sizing: border-box; /* 确保宽度包括内边距和边框 */
    border: none;
    border-top: 1px solid;
}

.layui-nav li dl dd {
    float: left; /* 变成面板的横排，移动端竖排要取消 */
}

.layui-nav li dl dd p a {
    display: block;
    border-bottom: 0;
    color: #FFF;
    background: none;
    text-align: left;
    z-index: 3;
    padding-left: 20px; /* 调整内边距以适应新的布局 */
}

.layui-nav li:hover dl dd p a:hover {
    display: block;
    color: #e3740f;
    z-index: 3;
}
/*移动端导航*/
.nav .nav-list button {
    width: 25px;
    height: 30px;
    position: absolute;
    top: 30px;
    right: 15px;
    background-color: transparent;
    border: none;
    outline: none;
    cursor: pointer;
}
.nav .nav-list button span {
    display: block;
    width: 25px;
    height: 2px;
    background: #e3740f;
    margin-bottom: 6px;
    transition: 0.5s;
}
.nav .nav-list button span.spa1 {
    transform: rotate(45deg);
}
.nav .nav-list button span.spa3 {
    transform: rotate(-45deg) translate(5px, -5px);
}


.layui-nav .layui-this a {
    color: #ef7600;
}
.layui-nav .layui-this{
    color: #ef7600!important;
}


.nav .layui-nav-bar, .nav .layui-nav .layui-this::after {
    height: 0;
    background-color: unset;
}
.layui-nav .layui-nav-item a:hover{color: #ef7600}
.layui-input:focus {
    border-color: #ef7600!important; /* 你可以在这里设置你想要的边框颜色，例如红色 */
    /*box-shadow: 0 0 5px rgba(255, 99, 71, 0.5)!important; !* 可选的，添加一些阴影效果 *!*/
}
.nav .nav-search {
    position: absolute;
    top: 25%;
    line-height: 80px;
    right: 0;
}
.layui-nav-tree .layui-nav-child dd.layui-this, .layui-nav-tree .layui-nav-child dd.layui-this a, .layui-nav-tree .layui-this, .layui-nav-tree .layui-this > a, .layui-nav-tree .layui-this > a:hover{
    /*background-color: #16baaa; !*原始选中的背景色*!*/
    background-color: unset;
}

.wap-menu{
    position: fixed;
    top: 55px;
    left: -100%;  /*隐藏在左边*/
    z-index: 18;
    width: 100%;
    height: calc(100vh - 55px);
    display: flex;
    overflow-y: auto; /* Allow vertical scrolling within overlay */
    overflow-x: hidden; /* Prevent horizontal scrolling within overlay */
    transition: left 0.5s ease-in-out;
}

@media screen and (max-width: 1620px){
    .layui-nav li dl{padding: 0 }
}

@media screen and (min-width:991px) {
    .nav .nav-list button {
        display:none
    }
    .nav .layui-nav {
        width:auto;
        top:0;
        padding:0;
        border-radius:0;
        margin:0;
        position: relative; /* 确保dl元素相对于这个容器定位 */
        overflow-y: auto; /* 允许垂直滚动 */
        max-height: calc(100vh - 60px);
    }
    .nav .layui-nav .layui-nav-item {
        display:inline-block;
        line-height:80px;
        width: unset
    }
    .layui-nav dl dd{
        width: 33.33%;
        padding: 0 30px;
    }
    .wap-menu{display: none}

}
@media screen and (max-width:990px) {
    .nav {
        overflow:hidden
    }
    .nav .layui-nav {
        right:0
    }
    .nav .layui-nav .layui-nav-item {
        display:block
    }
    .nav .nav-logo {
        line-height:60px
    }
    .nav-logo img {
        width:40px
    }
    .nav .nav-list {
        height:50px
    }
    .nav .nav-list button {
        top:15px
    }
    /*.layui-this:before {*/
    /*    background:#8ab24a;*/
    /*    width:5px;*/
    /*    height:45px;*/
    /*    content:'';*/
    /*    position:absolute*/
    /*}*/
    .nav .layui-nav-bar,
    .nav .layui-nav .layui-this:after {
        height:0
    }
    .nav .layui-nav-child {
        top:0;
        position: relative;
    }
    .nav-search{display: none}
    .layui-nav-tree .layui-nav-child dd.layui-this,
    .layui-nav-tree .layui-nav-child dd.layui-this a,
    .layui-nav-tree .layui-this,
    .layui-nav-tree .layui-this>a,
    .layui-nav-tree .layui-this>a:hover {
        background-color: unset;
    }

    .layui-nav-tree .layui-nav-child {background-color: unset}
    .wap-menu ul{width: 100%!important; min-height: calc(100vh - 55px); display: inline-table;}
    .wap-menu li dl{padding-left: 30px}
    .wap-menu li dl dd {
        float: none; /* 变成面板的横排，移动端竖排要取消 */
        width: 100%;
    }
    .layui-nav-tree .layui-nav-item p a {
        height: auto;
        line-height: 30px;
    }
    /*.wap-menu .layui-nav-child{background-color: #505050*/
    /*}*/
    .wap-menu .nav-child-title {
        border-top: none;
        /*border-top: none;*/
        margin-top: 0;
    }
    .layui-nav .layui-nav-more{
        display: block;
        font-weight: 700;
    }
    .banner_box{margin-top: 55px!important;}
}